<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="/layout/templatePersonaAdministrada.xhtml">
	<ui:define name="body">
		<h:form id="miForm">
			<br />
			<div align="center">
				<p:calendar id="tresMeses" value="#{citaBM.cita.fecha}"
					mode="inline" pages="3" pattern="dd/MM/yyyy" locale="es"
					onSelectUpdate="opCrearCita lstCitas"
					selectListener="#{citaBM.handleDateSelect}" />
			</div>
			<p:outputPanel id="opCrearCita">

				<h:panelGrid id="idRegCita" columns="3" style="margin:0 auto;">
					<h:outputText value="Dia" />
					<h:inputText id="idFecha" pattern="dd/MM/yyyy"
						value="#{citaBM.cita.fechaString}" disabled="true" />
					<p:message for="idFecha" />


					<h:outputText value="Hora" />
					<h:selectOneListbox value="#{citaBM.cita.idHora}" id="idHoraCita"
						size="1">
						<f:selectItem itemLabel="--- Seleccione un Horario ----"
							itemValue="-1" />
						<f:selectItems value="#{citaBM.cita.listHorario}" />
					</h:selectOneListbox>
					<p:spacer />

					<h:outputText value="Dependencia: " />
					<h:selectOneListbox value="#{citaBM.cita.idUnidOrg}"
						id="idDependencia" size="1">
						<f:selectItem itemLabel="--- Seleccione una dependencia ----"
							itemValue="-1" />
						<f:selectItems value="#{citaBM.listUnidOrg}" />
					</h:selectOneListbox>
					<p:spacer />

					<h:outputText value="Asunto" />
					<h:inputTextarea id="idAsunto" value="#{citaBM.cita.asunto}"
						required="true"
						requiredMessage="Ingrese una descripció del asunto" />
					<p:message for="idAsunto" />

					<p:spacer />
					<p:commandButton actionListener="#{citaBM.crearCita}"
						update="lstCitas idRegCita msjA" value="Solicitar cita" />
				</h:panelGrid>
			</p:outputPanel>
			<p:dataTable id="lstCitas" style="margin:0 auto; width:80%;"
				emptyMessage="No se ha registrado ninguna cita "
				value="#{citaBM.lstCintaMostrar}" var="c">
				<f:facet name="header">
					<h:outputText value="Listado de Citas generadas" />
				</f:facet>

				<p:column id="codigoCita">
					<f:facet name="header">
						<h:outputLabel value="Correlativo" />
					</f:facet>
					<h:outputText value="#{c.idCita}" />
				</p:column>

				<p:column id="fecIniCita">
					<f:facet name="header">
						<h:outputLabel value="Fecha inicio" />
					</f:facet>
					<h:outputText value="#{c.fechaInicio}" />
				</p:column>

				<p:column id="fecFinCita">
					<f:facet name="header">
						<h:outputLabel value="Fecha fin" />
					</f:facet>
					<h:outputText value="#{c.fechaFin}" />
				</p:column>

				<p:column id="desDependencia">
					<f:facet name="header">
						<h:outputLabel value="Dependencia" />
					</f:facet>
					<h:outputText value="#{c.descDependencia}" />
				</p:column>

				<p:column id="desEstado">
					<f:facet name="header">
						<h:outputLabel value="Estado" />
					</f:facet>
					<h:outputText value="#{c.descEstadoCita}" />
				</p:column>
			</p:dataTable>

		</h:form>







	</ui:define>
</ui:composition>
